<div id="master">
	<script>
		jQuery(function() {

			// color picker	style 1 - http://colpick.com
			jQuery('.nino-color-box').colpick({
				layout:'hex',
				color:'545454',
				submit:0,
				colorScheme:'light',
				onChange:function(hsb,hex,rgb,el,bySetColor) {
					jQuery(el).css('background-color','#'+hex);
					// Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
					if(!bySetColor) jQuery(el).val(hex);
				}
			}).keyup(function(){
				jQuery(this).colpickSetColor(this.value);
			}).css('background-color', '#545454');
			
			// color picker	style 2 - http://colpick.com
			jQuery('.nino-input-color-box').colpick({
				layout:'hex',
				submit:0,
				colorScheme:'light',
				onChange:function(hsb,hex,rgb,el,bySetColor) {
					// jQuery(el).css('border-color','#'+hex);
					jQuery('.nino-input-color-display').css('background-color','#'+hex);
					// Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
					if(!bySetColor) jQuery(el).val(hex);
				}
			}).keyup(function(){
				jQuery(this).colpickSetColor(this.value);
			});
			
			// font picker
			var fnt_icons_categorized = {
	    		    'Web Application Icons' : ["icon-mail", "icon-mail-alt", "icon-th-large", "icon-th", "icon-th-list", "icon-help-circled", "icon-info-circled", "icon-info", "icon-home", "icon-link", "icon-unlink", "icon-link-ext", "icon-link-ext-alt", "icon-attach", "icon-tag", "icon-tags", "icon-bookmark", "icon-bookmark-empty", "icon-download", "icon-upload", "icon-download-cloud", "icon-upload-cloud", "icon-reply", "icon-reply-all"],
	    		    'Form Control Icons' : ["icon-search", "icon-ok", "icon-ok-circled", "icon-ok-circled2", "icon-ok-squared", "icon-cancel", "icon-cancel-circled", "icon-cancel-circled2", "icon-plus", "icon-plus-circled", "icon-plus-squared", "icon-plus-squared-small", "icon-minus", "icon-minus-circled", "icon-minus-squared", "icon-minus-squared-alt", "icon-minus-squared-small", "icon-quote-right", "icon-code", "icon-comment-empty", "icon-chat-empty"],
	    		    'Media Icons' : ["icon-video", "icon-videocam", "icon-picture", "icon-camera", "icon-camera-alt", "icon-export", "icon-export-alt", "icon-pencil", "icon-pencil-squared", "icon-edit", "icon-print"],
	    		    'Popular Icons' : ["icon-heart", "icon-heart-empty", "icon-star", "icon-star-empty", "icon-star-half", "icon-star-half-alt", "icon-user", "icon-users", "icon-male", "icon-female", "icon-forward", "icon-quote-left", "icon-retweet", "icon-keyboard", "icon-gamepad", "icon-comment", "icon-chat"],
	    		    'Others' : ["icon-music", "icon-help", "icon-lock", "icon-lock-open", "icon-lock-open-alt", "icon-pin", "icon-eye", "icon-eye-off", "icon-flag", "icon-flag-empty", "icon-flag-checkered", "icon-thumbs-up", "icon-thumbs-down", "icon-thumbs-up-alt", "icon-thumbs-down-alt", "icon-bell", "icon-bell-alt"]
	    	};
	    	jQuery('.nino-font-box').fontIconPicker({
	    		source: fnt_icons_categorized
		    }); // Load with default options

		 	// Slide ranger
		    jQuery(".nino-slider-range-max").slider({
				range: "max",
				min: 1,
				max: 30,
				value: 12,
				slide: function(event, ui) {
					jQuery(".nino-amount").val(ui.value);
				}
			});
			jQuery(".nino-amount").val(jQuery(".nino-slider-range-max").slider("value"));

			// Set Height for admin area
			var ninoFieldSettingsHeight = jQuery(window).height() - 130;
			jQuery('.nino-leftSide > .nino-fieldSettings').css('height', ninoFieldSettingsHeight);
			jQuery('.nino-otherSettingsContent').css('height', ninoFieldSettingsHeight - 2);

			var ninoTabContentHeight = (ninoFieldSettingsHeight - 120);
			jQuery('.nino-leftSide > .nino-fieldSettings .tab-content').css('height',ninoTabContentHeight);
		    
		    var ninoFieldSelectedHeight = (ninoTabContentHeight + 30);
		    jQuery('.nino-fieldSelected').css('height',ninoFieldSelectedHeight);

		    // Show / Hide left side settings form
		    jQuery('.nino-openForm').click(function(){
		    	jQuery('.nino-otherSettings').addClass('nino-open');
		    	jQuery('#nino-mainSettings').removeClass('nino-fullFormPreview');
		    });
		    jQuery('.nino-otherSettingsNav .nino-icon').click(function(){
		    	jQuery('.nino-otherSettings').removeClass('nino-open');
		    	jQuery('#nino-mainSettings').addClass('nino-fullFormPreview');
		    });
		});
	</script>
	
	<!-- Nino main nav
    ================================================== -->
    <ul id="nino-mainmenu" class="clearafter">
    	<li class="nino-brand"><a href="#">Nino contact pro</a></li>
    	<li><a href="#" class="nino-openForm"><span class="fa fa-th-large"></span> Form</a></li>
    	<li><a href="#" class="nino-openSettings"><span class="fa fa-asterisk"></span> Settings</a></li>
    	<li><a href="#" class="nino-openElements"><span class="fa fa-plus"></span> Elements</a></li>
    	<li><a href="#" class="nino-openElements"><span class="fa fa-clipboard"></span> Clipboard</a></li>
	</ul>
	
	<!-- Nino Main Settings
    ================================================== -->
	<div id="nino-mainSettings" class="clearafter">
	
		<!-- Nino Other Settings -->
		<div class="nino-otherSettings nino-open">

			<!-- open / create new form -->
			<div class="nino-otherSettingsItem nino-createForm clearafter">
				<div class="nino-otherSettingsNav">
					<span class="nino-icon fa fa-angle-left"></span>
					
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li class="active"><a href="#nino-newForm" role="tab" data-toggle="tab">New</a></li>
						<li><a href="#nino-openForm" role="tab" data-toggle="tab">Open</a></li>
					</ul>
				</div>
				<div class="nino-otherSettingsContent">
				
					<!-- Tab panes -->
					<div class="tab-content nino-hideScroll">
						<div class="tab-pane active nino-viewport" id="nino-newForm">
							<h2 class="title">New</h2>
							<a href="#" class="nino-createBlankForm"><span class="nino-icon fa fa-plus-circle"></span> Blank Form</a>
							<ul class="clearafter nino-availableLayout">
								<li class="active"><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
								<li><img src="" /></li>
							</ul>
						</div>
						<div class="tab-pane nino-viewport" id="nino-openForm">
							<h2 class="title">Open</h2>
							<div class="nino-listAllForm">
								<h3>Recent Forms</h3>
								<ul>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 1</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 2</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 3</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 4</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 5</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 6</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 1</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 2</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 3</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 4</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 5</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 6</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 1</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 2</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 3</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 4</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 5</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 6</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 1</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 2</a></li>
									<li><a href="#"><span class="nino-icon fa fa-file-text"></span>Form test 3</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- global settings -->
			<div class="nino-otherSettingsItem nino-globalSettings clearafter" style="display: none;">
				<div class="nino-otherSettingsNav">
					<span class="nino-icon fa fa-angle-left"></span>
					
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li><a href="#nino-globalFormSettings" role="tab" data-toggle="tab">Form</a></li>
						<li class="active"><a href="#nino-globalFieldSettings" role="tab" data-toggle="tab">Input Field</a></li>
						<li><a href="#nino-globalEmailSettings" role="tab" data-toggle="tab">Email</a></li>
					</ul>
				</div>
				<div class="nino-otherSettingsContent nino-fieldSettings">
				
					<!-- Tab panes -->
					<div class="tab-content nino-hideScroll">
						<div class="tab-pane nino-viewport" id="nino-globalFormSettings">
							<h2 class="title">Form Settings</h2>
							<div class="nino-grid-layout-1">
								<div class="nino-grid-col">
									<div class="nino-formGroup">
										<label>Background Image</label>
										<div class="nino-input">
											<input type="text" placeholder="Url" />
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-layout-2">
								<div class="nino-grid-col">
									<div class="nino-formGroup">
										<label>Background Color</label>
										<div class="nino-input nino-input-color">
											<input type="text" class="nino-input-color-box" />
											<div class="nino-input-color-display"></div>
										</div>
									</div>
								</div>
								<div class="nino-grid-col">
									<div class="nino-formGroup">
										<label>Border color</label>
										<div class="nino-input nino-input-color">
											<input type="text" class="nino-input-color-box" />
											<div class="nino-input-color-display"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-layout-2">
								<div class="nino-grid-col">
									<div class="nino-formGroup nino-slider-range">
										<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
										<div class="nino-input">
											<div class="nino-slider-range-max"></div>
										</div>
									</div>
								</div>
								<div class="nino-grid-col">
									<div class="nino-formGroup nino-slider-range">
										<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
										<div class="nino-input">
											<div class="nino-slider-range-max"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane active nino-viewport" id="nino-globalFieldSettings">
							<h2 class="title">Input Field Settings</h2>

							<!-- Nav tabs -->
							<ul class="nav nav-tabs nav-justified" role="tablist">
								<li class="active"><a href="#nino-globalLabelSettings" role="tab" data-toggle="tab">Label</a></li>
								<li><a href="#nino-golbalInputSettings" role="tab" data-toggle="tab">Input</a></li>
							</ul>
							
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane active" id="nino-globalLabelSettings">
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Label position</label>
												<div class="nino-input radioHidden">
													<div class="nino-grid-layout-3">
														<div class="nino-grid-col">
															<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
															<label for="nino-label-position-1">
																<span>None</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
															<label for="nino-label-position-2">
																<span>Left</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
															<label for="nino-label-position-3">
																<span>Top</span>
															</label>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Fonts</label>
												<div class="nino-input nino-select-box-style">
													<select>
														<option>Option 1</option>
														<option>Option 2</option>
														<option>Option 3</option>
													</select>
													<i></i>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup nino-slider-range">
												<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
												<div class="nino-input">
													<div class="nino-slider-range-max"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-pane" id="nino-golbalInputSettings">
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Alignment</label>
												<div class="nino-input radioHidden">
													<div class="nino-grid-layout-3">
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-alignment" id="nino-input-alignment-1" value="nino-contact-form-pro-input-alignment-1">
															<label for="nino-input-alignment-1">
																<span>Left</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-alignment" id="nino-input-alignment-2" value="nino-contact-form-pro-input-alignment-2">
															<label for="nino-input-alignment-2">
																<span>Center</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" checked="checked" name="nino-input-alignment" id="nino-input-alignment-3" value="nino-contact-form-pro-input-alignment-3">
															<label for="nino-input-alignment-3">
																<span>Right</span>
															</label>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Input Size</label>
												<div class="nino-input radioHidden">
													<div class="nino-grid-layout-3">
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-size" id="nino-input-size-1" value="nino-contact-form-pro-input-size-1">
															<label for="nino-input-size-1">
																<span>Small</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-size" id="nino-input-size-2" value="nino-contact-form-pro-input-size-2">
															<label for="nino-input-size-2">
																<span>Medium</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" checked="checked" name="nino-input-size" id="nino-input-size-3" value="nino-contact-form-pro-input-size-3">
															<label for="nino-input-size-3">
																<span>Large</span>
															</label>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Input Text Color</label>
												<div class="nino-input nino-input-color">
													<input type="text" class="nino-input-color-box"></input>
													<div class="nino-input-color-display"></div>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Input Background color</label>
												<div class="nino-input nino-input-color">
													<input type="text" class="nino-input-color-box"></input>
													<div class="nino-input-color-display"></div>
												</div>
											</div>
										</div>
									</div>
									<div class="nino-grid-layout-3">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Border color</label>
												<div class="nino-input nino-input-color">
													<input type="text" class="nino-input-color-box"></input>
													<div class="nino-input-color-display"></div>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup nino-slider-range">
												<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
												<div class="nino-input">
													<div class="nino-slider-range-max"></div>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup nino-slider-range">
												<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
												<div class="nino-input">
													<div class="nino-slider-range-max"></div>
												</div>
											</div>
										</div>
									</div>
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Icon position</label>
												<div class="nino-input radioHidden">
													<div class="nino-grid-layout-2">
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-1" value="nino-contact-form-pro-input-icon-position-1">
															<label for="nino-input-icon-position-1">
																<span>Left</span>
															</label>
														</div>
														<div class="nino-grid-col">
															<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-2" value="nino-contact-form-pro-input-icon-position-2">
															<label for="nino-input-icon-position-2">
																<span>Right</span>
															</label>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col">
											<div class="nino-formGroup">
												<label>Fonts</label>
												<div class="nino-input nino-select-box-style">
													<select>
														<option>Option 1</option>
														<option>Option 2</option>
														<option>Option 3</option>
													</select>
													<i></i>
												</div>
											</div>
										</div>
										<div class="nino-grid-col">
											<div class="nino-formGroup nino-slider-range">
												<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
												<div class="nino-input">
													<div class="nino-slider-range-max"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane nino-viewport" id="nino-globalEmailSettings">
							<h2 class="title">Email Settings</h2>
							<div class="nino-grid-layout-2">
								<div class="nino-grid-col">
									<div class="nino-formGroup">
										<label>Email to</label>
										<div class="nino-input">
											<input type="text" placeholder="Your email here">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Add elements -->
			<div class="nino-otherSettingsItem nino-addElements clearafter" style="display: none;">
				<div class="nino-otherSettingsNav">
					<span class="nino-icon fa fa-angle-left"></span>
					
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li class="active"><a href="#nino-addElements" role="tab" data-toggle="tab">Elements</a></li>
					</ul>
				</div>
				<div class="nino-otherSettingsContent nino-fieldSettings">
				
					<!-- Tab panes -->
					<div class="tab-content nino-hideScroll">
						<div class="tab-pane active nino-viewport" id="nino-addElements">
							<h2 class="title">Add Elements</h2>								
							<ul class="clearafter nino-allElements">
								<li>
									<h3>Grid System</h3>
									<ul class="clearafter">
										<li><span><span class="fa fa-columns"></span> 2 cols</span></li>
										<li><span><span class="fa fa-columns"></span> 3 cols</span></li>
										<li><span><span class="fa fa-columns"></span> 4 cols</span></li>
										<li><span><span class="fa fa-columns"></span> 5 cols</span></li>
									</ul>
								</li>
								<li>
									<h3>Popular Elements</h3>
									<ul class="clearafter">
										<li><span><span class="fa fa-text-width"></span> Text field</span></li>
										<li><span><span class="fa fa-align-left"></span> Text area</span></li>
										<li><span><span class="fa fa-sort-amount-desc"></span> Drop-down</span></li>
										<li><span><span class="fa fa-check-square-o"></span> Checkbox</span></li>
										<li><span><span class="fa fa-check-circle-o"></span> Radio button</span></li>
										<li><span><span class="fa fa-male"></span> Captcha</span></li>
										<li><span><span class="fa fa-send"></span> submit button</span></li>
									</ul>
								</li>
								<li>
									<h3>Other Elements</h3>
									<ul class="clearafter">
										<li><span><span class="fa fa-paragraph"></span> Paragraph</span></li>
										<li><span><span class="fa fa-map-marker"></span> Google map</span></li>
										<li><span><span class="fa fa-twitter"></span> Social link</span></li>
										<li><span><span class="fa fa-photo"></span> Image</span></li>
										<li><span><span class="fa fa-header"><sub>1</sub></span> Heading 1</span></li>
										<li><span><span class="fa fa-header"><sub>2</sub></span> Heading 2</span></li>
										<li><span><span class="fa fa-header"><sub>3</sub></span> Heading 3</span></li>
										<li><span><span class="fa fa-header"><sub>4</sub></span> Heading 4</span></li>
										<li><span><span class="fa fa-header"><sub>5</sub></span> Heading 5</span></li>
										<li><span><span class="fa fa-header"><sub>6</sub></span> Heading 6</span></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- Clipboard -->
			<div class="nino-otherSettingsItem nino-clipboard clearafter" style="display: none;">
				<div class="nino-otherSettingsNav">
					<span class="nino-icon fa fa-angle-left"></span>
					
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li class="active"><a href="#nino-clipboardItem" role="tab" data-toggle="tab">Clipboard</a></li>
					</ul>
				</div>
				<div class="nino-otherSettingsContent">
				
					<!-- Tab panes -->
					<div class="tab-content nino-hideScroll">
						<div class="tab-pane active nino-viewport" id="nino-clipboardItem">
							<h2 class="title">Clipboard</h2>
							<ul class="nino-listAllClipboard">
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-check-square-o"></span> Checkbox</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Checkbox</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-check-circle-o"></span> Radio button</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Radio button</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-male"></span> Captcha</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Captcha</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-send"></span> Submit Button</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Submit Button</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-paragraph"></span> Paragraph</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Paragraph</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-map-marker"></span> Google Map</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Google Map</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-twitter"></span> Social Link</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Social Link</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-photo"></span> Image</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Image</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-text-width"></span>Text field</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Text Field</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-align-left"></span>Textarea</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Textarea</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-sort-amount-desc"></span>Drop-down</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Drop-down</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 1</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 1</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 2</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 2</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 3</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 3</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 4</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 4</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 5</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 5</span>
									</div>
								</li>
								<li>
									<a href="#" class="nino-clipboardName"><span class="nino-icon fa fa-header"></span> Heading 6</a>
									<div class="nino-clipboardAction">
										<a href="#" class="nino-clipboardUse">use</a> |
										<a href="#" class="nino-clipboardRemove">remove</a> |
										<span>Heading 6</span>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<!-- Add To Website -->
			<div class="nino-otherSettingsItem nino-addFormToSite clearafter" style="display: none;">
				<div class="nino-otherSettingsNav">
					<span class="nino-icon fa fa-angle-left"></span>
					
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li class="active"><a href="#nino-addFormToSite" role="tab" data-toggle="tab">Add To Site</a></li>
					</ul>
				</div>
				<div class="nino-otherSettingsContent">
				
					<!-- Tab panes -->
					<div class="tab-content nino-hideScroll">
						<div class="tab-pane active nino-viewport" id="nino-addFormToSite">
							<h2 class="title">Add Form To Your Site</h2>
							<ul class="nino-listAllClipboard">
								<li>
									<h3>Via Shortcode</h3>
								</li>
								<li>
									<h3>Via Widget</h3>
								</li>
								<li>
									<h3>Via Page / Post</h3>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Left Side -->
		<div class="nino-leftSide">
			
			<div class="nino-diffArea">
				
			</div>
			
			<!-- Nino Field Settings -->
			<div class="nino-fieldSettings">
				
				<!-- Input and textarea settings
				============================ -->

				<!-- <h2>Input and textarea settings</h2>
				<br> -->
				
				<div class="nino-fieldSettingsHeader">
					<a href="#"><span class="nino-icon fa fa-trash"></span> Delete</a>
					<a href="#"><span class="nino-icon fa fa-copy"></span> Dupplicate</a>
					<a href="#"><span class="nino-icon fa fa-clipboard"></span> Copy to Clipboard</a>
				</div>
									
				<!-- Nav tabs -->
				<ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings" role="tab" data-toggle="tab">Label</a></li>
					<li><a href="#nino-input-settings" role="tab" data-toggle="tab">Input</a></li>
					<li><a href="#nino-validation-settings" role="tab" data-toggle="tab">Validation</a></li>
				</ul>
				
				<!-- Tab panes -->
				<div class="tab-content nino-hideScroll">
					<div class="tab-pane nino-viewport active" id="nino-label-settings">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label text</label>
									<div class="nino-input">
										<input type="text" value="Label text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Sub text</label>
									<div class="nino-input">
										<input type="text" value="Sub text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
												<label for="nino-label-position-1">
													<span>None</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
												<label for="nino-label-position-2">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
												<label for="nino-label-position-3">
													<span>Top</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane nino-viewport" id="nino-input-settings">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Placeholder</label>
									<div class="nino-input">
										<input type="text" value="placeholder" />
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input value</label>
									<div class="nino-input">
										<input type="text" value="input value" />
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
						<hr />
						<h3>Textarea</h3>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>height (px)</label>
									<div class="nino-input">
										<input type="number" value="200">
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Maximum Characters</label>
									<div class="nino-input">
										<input type="number" value="200">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane nino-viewport" id="nino-validation-settings">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-1" value="nino-contact-form-pro-input-irequired-1">
												<label for="nino-input-required-1">
													<span>No</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-2" value="nino-contact-form-pro-input-required-2">
												<label for="nino-input-required-2">
													<span>Yes</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required Message</label>
									<div class="nino-input">
										<input type="text" value="This is a required field" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>


				<!-- select box / multi choice settings
				============================ -->

				<!-- <h2>Select box / multi choice settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li><a href="#nino-label-settings-1" role="tab" data-toggle="tab">Label</a></li>
					<li class="active"><a href="#nino-input-settings-1" role="tab" data-toggle="tab">Input</a></li>
					<li><a href="#nino-validation-settings-1" role="tab" data-toggle="tab">Validation</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane" id="nino-label-settings-1">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label text</label>
									<div class="nino-input">
										<input type="text" value="Label text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Sub text</label>
									<div class="nino-input">
										<input type="text" value="Sub text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
												<label for="nino-label-position-1">
													<span>None</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
												<label for="nino-label-position-2">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
												<label for="nino-label-position-3">
													<span>Top</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane active" id="nino-input-settings-1">
						<div class="nino-grid-layout-1 nino-listOfChoice">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-grid-layout-3">
										<div class="nino-grid-col"><h6>List of choice</h6></div>
										<div class="nino-grid-col"><label><input type="checkbox" />Custom value</label></div>
									</div>
									<div class="nino-input">
										<ul>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" checked="" id="nino-selectbox-listOfChoice-name" name="nino-selectbox-listOfChoice-group">
																<label for="nino-selectbox-listOfChoice-name"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" id="nino-selectbox-listOfChoice-name-1" name="nino-selectbox-listOfChoice-group">
																<label for="nino-selectbox-listOfChoice-name-1"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" id="nino-selectbox-listOfChoice-name-3" name="nino-selectbox-listOfChoice-group">
																<label for="nino-selectbox-listOfChoice-name-3"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
										</ul>
									</div>
									<a href="#" class="nino-addMoreChoice"><span class="fa fa-plus"></span> Add more</a>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-1" value="nino-contact-form-pro-input-alignment-1">
												<label for="nino-input-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-2" value="nino-contact-form-pro-input-alignment-2">
												<label for="nino-input-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-alignment" id="nino-input-alignment-3" value="nino-contact-form-pro-input-alignment-3">
												<label for="nino-input-alignment-3">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Size</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-1" value="nino-contact-form-pro-input-size-1">
												<label for="nino-input-size-1">
													<span>Small</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-2" value="nino-contact-form-pro-input-size-2">
												<label for="nino-input-size-2">
													<span>Medium</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-size" id="nino-input-size-3" value="nino-contact-form-pro-input-size-3">
												<label for="nino-input-size-3">
													<span>Large</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Background color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="nino-validation-settings-1">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-1" value="nino-contact-form-pro-input-irequired-1">
												<label for="nino-input-required-1">
													<span>No</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-2" value="nino-contact-form-pro-input-required-2">
												<label for="nino-input-required-2">
													<span>Yes</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required Message</label>
									<div class="nino-input">
										<input type="text" value="This is a required field" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>




				<hr /> -->



				<!-- checkbox / radio settings
				============================ -->

				<!-- <h2>Checkbox / Radio button settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li><a href="#nino-label-settings-2" role="tab" data-toggle="tab">Label</a></li>
					<li><a href="#nino-input-settings-2" role="tab" data-toggle="tab">Input</a></li>
					<li class="active"><a href="#nino-validation-settings-2" role="tab" data-toggle="tab">Validation</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane" id="nino-label-settings-2">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label text</label>
									<div class="nino-input">
										<input type="text" value="Label text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Sub text</label>
									<div class="nino-input">
										<input type="text" value="Sub text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
												<label for="nino-label-position-1">
													<span>None</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
												<label for="nino-label-position-2">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
												<label for="nino-label-position-3">
													<span>Top</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="nino-input-settings-2">
						<div class="nino-grid-layout-1 nino-listOfChoice">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-grid-layout-3">
										<div class="nino-grid-col"><h6>List of choice</h6></div>
										<div class="nino-grid-col"><label><input type="checkbox" />Custom value</label></div>
									</div>
									<div class="nino-input">
										<ul>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" checked="" id="nino-radio-listOfChoice-name" name="nino-radio-listOfChoice-group">
																<label for="nino-radio-listOfChoice-name"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" id="nino-radio-listOfChoice-name-1" name="nino-radio-listOfChoice-group">
																<label for="nino-radio-listOfChoice-name-1"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" id="nino-radio-listOfChoice-name-3" name="nino-radio-listOfChoice-group">
																<label for="nino-radio-listOfChoice-name-3"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
											<li>
												<div class="nino-grid-layout-3">
													<div class="nino-grid-col">
														<input type="text" value="Option">
													</div>
													<div class="nino-grid-col">
														<input type="text" value="Custom value">
													</div>
													<div class="nino-grid-col">
														<div class="nino-listOfChoiceAction">
															<div class="nino-input-style">
																<input type="radio" id="nino-radio-listOfChoice-name-4" name="nino-radio-listOfChoice-group">
																<label for="nino-radio-listOfChoice-name-4"></label>
															</div>
															<span class="fa fa-close"></span>
															<span class="fa fa-arrows"></span>
														</div>
													</div>
												</div>
											</li>
										</ul>
									</div>
									<a href="#" class="nino-addMoreChoice"><span class="fa fa-plus"></span> Add more</a>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Style</label>
									<select>
										<option>style 1</option>
										<option>style 2</option>
										<option>style 3</option>
									</select>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Size</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-1" value="nino-contact-form-pro-input-size-1">
												<label for="nino-input-size-1">
													<span>Small</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-2" value="nino-contact-form-pro-input-size-2">
												<label for="nino-input-size-2">
													<span>Medium</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-size" id="nino-input-size-3" value="nino-contact-form-pro-input-size-3">
												<label for="nino-input-size-3">
													<span>Large</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Display</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-5">
											<div class="nino-grid-col">
												<input type="radio" name="nino-checkbox-display" id="nino-checkbox-display-1" value="nino-contact-form-pro-checkbox-display-1">
												<label for="nino-checkbox-display-1">
													<span>Inline</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-checkbox-display" id="nino-checkbox-display-2" value="nino-contact-form-pro-checkbox-display-2">
												<label for="nino-checkbox-display-2">
													<span>Horizontal</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-checkbox-display" id="nino-checkbox-display-3" value="nino-contact-form-pro-checkbox-display-3">
												<label for="nino-checkbox-display-3">
													<span>2 Cols</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-checkbox-display" id="nino-checkbox-display-4" value="nino-contact-form-pro-checkbox-display-4">
												<label for="nino-checkbox-display-4">
													<span>3 Cols</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-checkbox-display" id="nino-checkbox-display-5" value="nino-contact-form-pro-checkbox-display-5">
												<label for="nino-checkbox-display-5">
													<span>4 Cols</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Font</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane active" id="nino-validation-settings-2">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-1" value="nino-contact-form-pro-input-irequired-1">
												<label for="nino-input-required-1">
													<span>No</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-2" value="nino-contact-form-pro-input-required-2">
												<label for="nino-input-required-2">
													<span>Yes</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required Message</label>
									<div class="nino-input">
										<input type="text" value="This is a required field" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>


				<hr /> -->



				<!-- captcha settings
				============================ -->

				<!-- <h2>Captcha settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li><a href="#nino-label-settings-3" role="tab" data-toggle="tab">Label</a></li>
					<li><a href="#nino-input-settings-3" role="tab" data-toggle="tab">Input</a></li>
					<li class="active"><a href="#nino-validation-settings-3" role="tab" data-toggle="tab">Validation</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane" id="nino-label-settings-3">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Captcha Horizontal</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-captcha-horizontal" id="nino-captcha-horizontal-1" value="nino-contact-form-pro-captcha-horizontal-1">
												<label for="nino-captcha-horizontal-1">
													<span>Yes</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-captcha-horizontal" id="nino-captcha-horizontal-2" value="nino-contact-form-pro-captcha-horizontal-2">
												<label for="nino-captcha-horizontal-2">
													<span>No</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label text</label>
									<div class="nino-input">
										<input type="text" value="Label text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Sub text</label>
									<div class="nino-input">
										<input type="text" value="Sub text" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
												<label for="nino-label-position-1">
													<span>None</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
												<label for="nino-label-position-2">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
												<label for="nino-label-position-3">
													<span>Top</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="nino-input-settings-3">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Placeholder</label>
									<div class="nino-input">
										<input type="text" value="placeholder" />
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input value</label>
									<div class="nino-input">
										<input type="text" value="input value" />
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-1" value="nino-contact-form-pro-input-alignment-1">
												<label for="nino-input-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-2" value="nino-contact-form-pro-input-alignment-2">
												<label for="nino-input-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-alignment" id="nino-input-alignment-3" value="nino-contact-form-pro-input-alignment-3">
												<label for="nino-input-alignment-3">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Size</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-1" value="nino-contact-form-pro-input-size-1">
												<label for="nino-input-size-1">
													<span>Small</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-2" value="nino-contact-form-pro-input-size-2">
												<label for="nino-input-size-2">
													<span>Medium</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-size" id="nino-input-size-3" value="nino-contact-form-pro-input-size-3">
												<label for="nino-input-size-3">
													<span>Large</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Background color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Icon position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-2">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-1" value="nino-contact-form-pro-input-icon-position-1">
												<label for="nino-input-icon-position-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-2" value="nino-contact-form-pro-input-icon-position-2">
												<label for="nino-input-icon-position-2">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Refresh Icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Captcha style</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-captcha-style" id="nino-captcha-style-1" value="nino-contact-form-pro-captcha-style-1">
												<label for="nino-captcha-style-1">
													<span>Style 1</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-captcha-style" id="nino-captcha-style-2" value="nino-contact-form-pro-captcha-style-2">
												<label for="nino-captcha-style-2">
													<span>Style 1</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-captcha-style" id="nino-captcha-style-3" value="nino-contact-form-pro-captcha-style-3">
												<label for="nino-captcha-style-3">
													<span>Style 3</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane active" id="nino-validation-settings-3">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-1" value="nino-contact-form-pro-input-irequired-1">
												<label for="nino-input-required-1">
													<span>No</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-required" id="nino-input-required-2" value="nino-contact-form-pro-input-required-2">
												<label for="nino-input-required-2">
													<span>Yes</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Required Message</label>
									<div class="nino-input">
										<input type="text" value="This is a required field" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->

				<!-- heading settings
				============================ -->

				<!-- <h2>Heading settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-4" role="tab" data-toggle="tab">Text</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-4">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Heading text</label>
									<div class="nino-input">
										<input type="text" value="Heading text">
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-formGroup">
										<label>Alignment</label>
										<div class="nino-input radioHidden">
											<div class="nino-grid-layout-3">
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-input-alignment-1" id="nino-input-alignment-1" name="nino-input-alignment">
													<label for="nino-input-alignment-1">
														<span>Left</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-input-alignment-2" id="nino-input-alignment-2" name="nino-input-alignment">
													<label for="nino-input-alignment-2">
														<span>Center</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-input-alignment-3" id="nino-input-alignment-3" name="nino-input-alignment">
													<label for="nino-input-alignment-3">
														<span>Right</span>
													</label>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Heading icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Icon Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-formGroup nino-slider-range">
										<label>Font Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
										<div class="nino-input">
											<div class="nino-slider-range-max"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->

				<!-- Paragraph settings
				============================ -->

				<!-- <h2>Paragraph settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-5" role="tab" data-toggle="tab">Text</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-5">
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<textarea rows="6">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</textarea>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box">
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-4">
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-input-alignment-1" id="nino-input-alignment-1" name="nino-input-alignment">
												<label for="nino-input-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-input-alignment-2" id="nino-input-alignment-2" name="nino-input-alignment">
												<label for="nino-input-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-input-alignment-3" id="nino-input-alignment-3" name="nino-input-alignment">
												<label for="nino-input-alignment-3">
													<span>Right</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-input-alignment-4" id="nino-input-alignment-4" name="nino-input-alignment">
												<label for="nino-input-alignment-4">
													<span>Justify</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-formGroup nino-slider-range">
										<label>Font Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
										<div class="nino-input">
											<div class="nino-slider-range-max"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->

				<!-- Map settings
				============================ -->

				<!-- <h2>Map settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-6" role="tab" data-toggle="tab">Map</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-6">

						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<textarea rows="6">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</textarea>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Width</label>
									<div class="nino-input">
										<input type="number" />
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Height</label>
									<div class="nino-input">
										<input type="number" />
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box" />
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->

				<!-- Social link
				============================ -->

				<!-- <h2>Social link settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-7" role="tab" data-toggle="tab">Social link</a></li>
					<li><a href="#nino-style-settings-7" role="tab" data-toggle="tab">Style</a></li>
				</ul> -->

				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-7">
						<div class="nino-grid-layout-1 nino-socialLink">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-input">
										<ul>
											<li>
												<span class="fa fa-close nino-removeSocial" title="remove"></span>
												<div class="nino-grid-layout-2">
													<div class="nino-grid-col">
														<div class="nino-formGroup">
															<label>Social icon / color</label>
															<div class="nino-input">
																<input type="text" class="nino-font-box" name="nino-font-box" />
																<div class="nino-color-box"></div>
															</div>
														</div>
													</div>
													<div class="nino-grid-col">
														<div class="nino-formGroup nino-slider-range">
															<label>Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
															<div class="nino-input">
																<div class="nino-slider-range-max"></div>
															</div>
														</div>
													</div>
												</div>
												<div class="nino-grid-layout-1">
													<div class="nino-grid-col">
														<div class="nino-input nino-socialLinkUrl">
															<input type="text" placeholder="Social Link Here" />
														</div>
													</div>
												</div>
											</li>
											<li>
												<span class="fa fa-close nino-removeSocial" title="remove"></span>
												<div class="nino-grid-layout-2">
													<div class="nino-grid-col">
														<div class="nino-formGroup">
															<label>Social icon / color</label>
															<div class="nino-input">
																<input type="text" class="nino-font-box" name="nino-font-box" />
																<div class="nino-color-box"></div>
															</div>
														</div>
													</div>
													<div class="nino-grid-col">
														<div class="nino-formGroup nino-slider-range">
															<label>Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
															<div class="nino-input">
																<div class="nino-slider-range-max"></div>
															</div>
														</div>
													</div>
												</div>
												<div class="nino-grid-layout-1">
													<div class="nino-grid-col">
														<div class="nino-input nino-socialLinkUrl">
															<input type="text" placeholder="Social Link Here" />
														</div>
													</div>
												</div>
											</li>
										</ul>
										<div class="nino-grid-layout-1">
											<div class="nino-grid-col">
												<a href="#" class="nino-addMoreChoice"><span class="fa fa-plus"></span> Add new social</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="nino-style-settings-7">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Horizontal</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-horizontal" id="nino-social-horizontal-1" value="nino-contact-form-pro-social-horizontal-1">
												<label for="nino-social-horizontal-1">
													<span>Yes</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-horizontal" id="nino-social-horizontal-2" value="nino-contact-form-pro-social-horizontal-2">
												<label for="nino-social-horizontal-2">
													<span>No</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-social-alignment-1" id="nino-social-alignment-1" name="nino-social-alignment">
												<label for="nino-social-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-social-alignment-2" id="nino-social-alignment-2" name="nino-social-alignment">
												<label for="nino-social-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" value="nino-contact-form-pro-social-alignment-3" id="nino-social-alignment-3" name="nino-social-alignment">
												<label for="nino-social-alignment-3">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Effects</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-5">
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-effects" id="nino-social-effects-1" value="nino-contact-form-pro-social-effects-1">
												<label for="nino-social-effects-1">
													<span>Effects 1</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-effects" id="nino-social-effects-2" value="nino-contact-form-pro-social-effects-2">
												<label for="nino-social-effects-2">
													<span>Effects 2</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-effects" id="nino-social-effects-3" value="nino-contact-form-pro-social-effects-3">
												<label for="nino-social-effects-3">
													<span>Effects 3</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-effects" id="nino-social-effects-4" value="nino-contact-form-pro-social-effects-4">
												<label for="nino-social-effects-4">
													<span>Effects 4</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-social-effects" id="nino-social-effects-5" value="nino-contact-form-pro-social-effects-5">
												<label for="nino-social-effects-5">
													<span>Effects 5</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->

				<!-- Image settings
				============================ -->

				<!-- <h2>Image settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-8" role="tab" data-toggle="tab">Image</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-8">
						<div class="nino-grid-layout-1">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Url</label>
									<div class="nino-input">
										<input type="text">
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box" />
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->
				
				
				<!-- Image settings
				============================ -->

				<!-- <h2>Divider</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-9" role="tab" data-toggle="tab">Divider</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-9">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box" />
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Width</label>
									<div class="nino-input">
										<input type="number" />
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Height</label>
									<div class="nino-input">
										<input type="number" />
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-divider-alignment" id="nino-divider-alignment-1" value="nino-contact-form-pro-divider-alignment-1">
												<label for="nino-divider-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-divider-alignment" id="nino-divider-alignment-2" value="nino-contact-form-pro-divider-alignment-2">
												<label for="nino-divider-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-divider-alignment" id="nino-divider-alignment-3" value="nino-contact-form-pro-divider-alignment-3">
												<label for="nino-divider-alignment-3">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>



				<hr> -->
				
				
				
				<!-- Submit button settings
				============================ -->

				<!-- <h2>Submit button settings</h2>
				<br> -->
				<!-- Nav tabs -->
				<!-- <ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-label-settings-10" role="tab" data-toggle="tab">Submit</a></li>
				</ul> -->
				
				<!-- Tab panes -->
				<!-- <div class="tab-content">
					<div class="tab-pane active" id="nino-label-settings-10">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Text</label>
									<div class="nino-input">
										<input type="text" value="submit" />
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-formGroup">
										<label>Button Size</label>
										<div class="nino-input radioHidden">
											<div class="nino-grid-layout-3">
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-size-1" id="nino-button-size-1" name="nino-button-size">
													<label for="nino-button-size-1">
														<span>Small</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-size-2" id="nino-button-size-2" name="nino-button-size">
													<label for="nino-button-size-2">
														<span>Medium</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-size-3" id="nino-button-size-3" name="nino-button-size">
													<label for="nino-button-size-3">
														<span>Large</span>
													</label>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box">
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Background</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box">
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box" />
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Icon</label>
									<div class="nino-input">
										<input type="text" class="nino-font-box" name="nino-font-box" />
										<div class="nino-color-box"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Icon Size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Width (%)</label>
									<input type="number" />
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<div class="nino-formGroup">
										<label>Position</label>
										<div class="nino-input radioHidden">
											<div class="nino-grid-layout-3">
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-position-1" id="nino-button-position-1" name="nino-button-position">
													<label for="nino-button-position-1">
														<span>Left</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-position-2" id="nino-button-position-2" name="nino-button-position">
													<label for="nino-button-position-2">
														<span>Center</span>
													</label>
												</div>
												<div class="nino-grid-col">
													<input type="radio" value="nino-contact-form-pro-button-position-3" id="nino-button-position-3" name="nino-button-position">
													<label for="nino-button-position-3">
														<span>Right</span>
													</label>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div> -->
			</div>

		</div>

		<!-- Right Side -->
		<div class="nino-rightSide">
			
			<div class="nino-intro">
				To create new form, just click "Blank Form" or you can choose available layouts.
			</div>
			
			<div class="nino-formAction clearafter" style="display: none;">
				<input type="text" placeholder="Form name here">
				<a href="#" class="nino-saveForm"><span class="nino-icon fa fa-save"></span> Save</a>
				<a href="#" class="nino-deleteForm"><span class="nino-icon fa fa-trash"></span> Delete</a>
				<a href="#" class="nino-previewForm"><span class="nino-icon fa fa-desktop"></span> Preview</a>
				<a href="#" class="nino-addToSite"><span class="nino-icon fa fa-globe"></span> Add to site</a>
			</div>
			
			<!-- Nino Field Selected -->
			<div class="nino-fieldSelected nino-hideScroll" style="display: none;">
				<div class="nino-viewport">
					
					<!-- Sample Form Layout Demo -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-grid-layout-1">
								<div class="nino-grid-col" style="background: #DDDDDD;">
									<h4>form header</h4>
								</div>
							</div>
							<div class="nino-grid-layout-3">
								<div class="nino-grid-col" style="background: #AAAAAA; height: 250px;">col 1</div>
								<div class="nino-grid-col" style="background: #CCCCCC; height: 250px;">col 2</div>
								<div class="nino-grid-col" style="background: #CCCCCC;">
									<div class="nino-grid-layout-1">
										<div class="nino-grid-col" style="background: #AAAAAA;">col 1</div>
									</div>
									<div class="nino-grid-layout-2">
										<div class="nino-grid-col" style="background: #AAAAAA; height: 166px;">col 1</div>
										<div class="nino-grid-col" style="background: #AAAAAA; height: 166px;">col 2</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<hr />

					<!-- Grid system -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">col 1</div>
					</div>
					<div class="nino-grid-layout-2">
						<div class="nino-grid-col">col 1</div>
						<div class="nino-grid-col">col 2</div>
					</div>
					<div class="nino-grid-layout-3">
						<div class="nino-grid-col">col 1</div>
						<div class="nino-grid-col">col 2</div>
						<div class="nino-grid-col">col 3</div>
					</div>
					<div class="nino-grid-layout-4">
						<div class="nino-grid-col">col 1</div>
						<div class="nino-grid-col">col 2</div>
						<div class="nino-grid-col">col 3</div>
						<div class="nino-grid-col">col 4</div>
					</div>
					<div class="nino-grid-layout-5">
						<div class="nino-grid-col">col 1</div>
						<div class="nino-grid-col">col 2</div>
						<div class="nino-grid-col">col 3</div>
						<div class="nino-grid-col">col 4</div>
						<div class="nino-grid-col">col 4</div>
					</div>
				
					<!-- input / select box -->
					<div class="nino-grid-layout-2">
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-input-icon nino-label-icon nino-icon-right nino-required nino-error">
								<label for="nino-input-name">
									<span class="nino-labelName"><span class="nino-icon fa fa-user"></span>Input Label</span>
									<span class="nino-asterisk">*</span>
									<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
								</label>
								<div class="nino-input-wrap">
									<div class="nino-input">
										<span class="nino-icon fa fa-user"></span>
										<input type="text" id="nino-input-name" placeholder="enter your name" />									
									</div>
									<p class="nino-error-message">This is a required field.</p>
								</div>							
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-input-icon nino-icon-right nino-required nino-error">
								<label for="nino-input-name">
									<span class="nino-labelName">Select box</span>
									<span class="nino-asterisk">*</span>
									<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
								</label>
								<div class="nino-input-wrap">
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
									<p class="nino-error-message">This is a required field.</p>
								</div>
							</div>
						</div>
					</div>
				
					<!-- textarea -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-input-icon nino-label-icon nino-required nino-error">
								<label for="nino-textarea-name">
									<span class="nino-labelName"><span class="nino-icon fa fa-comment"></span>Textarea Label</span>
									<span class="nino-asterisk">*</span>
									<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
								</label>
								<div class="nino-input-wrap">
									<div class="nino-input">
										<span class="nino-icon fa fa-comment"></span>
										<textarea id="nino-textarea-name" placeholder="enter your message"></textarea>									
									</div>
									<p class="nino-error-message">This is a required field.</p>
								</div>
							</div>
						</div>
					</div>
				
					<!-- checkbox / radio -->
					<div class="nino-grid-layout-2">
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-label-icon nino-required nino-error">
								<label>
									<span class="nino-labelName"><span class="nino-icon fa fa-comment"></span>Checkbox style</span>
									<span class="nino-asterisk">*</span>
									<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
								</label>
								<div class="nino-input-wrap">
									<div class="nino-input">
										<ul class="nino-input-style">
											<li>
												<input id="nino-checkbox-name" name="nino-checkbox-group" type="checkbox" checked="checked" />
												<label for="nino-checkbox-name">Checkbox 1</label>
											</li>
											<li>
												<input id="nino-checkbox-name-1" name="nino-checkbox-group" type="checkbox" />
												<label for="nino-checkbox-name-1">Checkbox 2</label>
											</li>
											<li>
												<input id="nino-checkbox-name-2" name="nino-checkbox-group" type="checkbox" />
												<label for="nino-checkbox-name-2">Checkbox 3</label>
											</li>
										</ul>
									</div>
									<p class="nino-error-message">This is a required field.</p>
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-label-icon nino-required nino-error">
								<label>
									<span class="nino-labelName"><span class="nino-icon fa fa-comment"></span>Radio style</span>
									<span class="nino-asterisk">*</span>
									<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
								</label>
								<div class="nino-input-wrap">
									<div class="nino-input">
										<ul class="nino-input-style">
											<li>
												<input id="nino-radio-name" name="nino-radio-group" type="radio" />
												<label for="nino-radio-name">Radio 1</label>
											</li>
											<li>
												<input id="nino-radio-name-1" name="nino-radio-group" type="radio" />
												<label for="nino-radio-name-1">Radio 2</label>
											</li>
											<li>
												<input id="nino-radio-name-2" name="nino-radio-group" type="radio" />
												<label for="nino-radio-name-2">Radio 3</label>
											</li>
										</ul>
									</div>							
									<p class="nino-error-message">This is a required field.</p>
								</div>
							</div>
						</div>
					</div>

					<!-- captcha -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-input-icon nino-label-icon nino-required nino-error nino-horizontal">
								<div class="nino-captcha-image"></div>
								<div class="nino-captcha-result">
									<label for="nino-input-captcha">
										<span class="nino-labelName"><span class="nino-icon fa fa-user"></span>Enter Code</span>
										<span class="nino-asterisk">*</span>
										<span class="nino-subLabel">Lorem ipsum dolor sit amet, consectetur</span>
									</label>
									<div class="nino-input-wrap">
										<div class="nino-input">
											<span class="nino-icon fa fa-user"></span>
											<input type="text" id="nino-input-captcha" placeholder="enter your name" />
											<span class="nino-captcha-refresh fa fa-refresh"></span>
										</div>
										<p class="nino-error-message">This is a required field.</p>
									</div>
								</div>
							</div>						
						</div>
					</div>

					<!-- heading -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<h1 class="nino-heading-icon nino-heading"><span class="nino-icon fa fa-home"></span> This is heading 1</h1>
							<h2 class="nino-heading">This is heading 2</h2>
							<h3 class="nino-heading">This is heading 3</h3>
							<h4 class="nino-heading">This is heading 4</h4>
							<h5 class="nino-heading">This is heading 5</h5>
							<h6 class="nino-heading">This is heading 6</h6>
						</div>
					</div>

					<!-- paragraph -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">						
							<p class="nino-paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
						</div>
					</div>

					<!-- google map -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-map-iframe">
								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29793.996794485138!2d105.8369637!3d21.02269665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab9bd9861ca1%3A0xe7887f7b72ca17a9!2zSGFub2ksIEhvw6BuIEtp4bq_bSBEaXN0cmljdCwgSGFub2ksIFZpZXRuYW0!5e0!3m2!1sen!2s!4v1409554958842" width="400" height="300" frameborder="0" style="border:0"></iframe>
							</div>						
						</div>
					</div>

					<!-- devider -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-devider"></div>
						</div>
					</div>

					<!-- social link -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-social-link nino-horizontal clearafter">
								<a href="#"><span class="fa fa-facebook-square"></span></a>
								<a href="#"><span class="fa fa-flickr"></span></a>
								<a href="#"><span class="fa fa-google-plus-square"></span></a>
								<a href="#"><span class="fa fa-instagram"></span></a>
								<a href="#"><span class="fa fa-linkedin"></span></a>
								<a href="#"><span class="fa fa-twitter"></span></a>
							</div>
						</div>
					</div>

					<!-- submit button -->
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-formGroup nino-submit-icon">
								<button type="submit" class="nino-button-submit"><span class="nino-icon fa fa-send"></span>Submit Button</button>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>